<page-header [title]="title" [subTitle]="subTitle"></page-header>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="form-inline">
            <div class="form-group">
                <input type="text" [(ngModel)]="queryParams.userNick" class="form-control" id="exampleInputEmail3" placeholder="昵称">
            </div>
            <div class="form-group">
                <input type="text" [(ngModel)]="queryParams.phone" class="form-control" id="exampleInputPassword3" placeholder="电话">
            </div>
            <button type="button" class="btn btn-default" (click)="getUserList()">
                <i class="glyphicon glyphicon-search"></i>
                查询
            </button>
        </div>
        <br>
        <div class="table-responsive">
            <table class="table table-bordered">
                <tr class="active">
                    <th>Email</th>
                    <th>昵称</th>
                    <th>电话</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                <tr *ngFor="let item of userList">
                    <td>{{item.email}}</td>
                    <td>
                        <a href="javascript:void(0)" (click)="goUserInfo(item.userId)">{{item.userNick}}</a>
                    </td>
                    <td>{{item.phone}}</td>
                    <td>{{item.userStatus == 0?"启用":"禁用"}}</td>
                    <td>
                        <a *ngIf="item.userStatus == 0" href="javascript:void(0);" (click)="disable(item)">禁用</a>
                        <a *ngIf="item.userStatus == 1" href="javascript:void(0);" (click)="enable(item)">启用</a>
                    </td>
                </tr>
            </table>
        </div>
        <pager></pager>
    </div>
</div>